<template>
  <div class="box">
    <van-nav-bar title="登录" left-arrow />
    <div class="wei">
      <h1>欢迎登录小U商城</h1>
      <div class="lg">
        <img src="../assets/orange@3x.png" alt="">
      </div>
      <button class="btn" @click="tiao">微信用户一键登录</button>
      <button class="btn" id="tle" @click="teldeng">手机号验证注册/登录</button>
    </div>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  methods: {
    teldeng(){
      this.$router.push('tel')
    },
    tiao(){
      this.$router.push('/about')
    }
  },
}
</script>
<style lang="scss" scoped>
.box {
  .wei{
    margin: 250px auto;
    .btn{
      width: 90%;
      height: 60px;
      margin: 10px auto;
      border: 0;
      background-color: #ff6040;
      color: #fff;
    }
    #tle{
      background-color: #fff;
      color: #8b8b8b;
    }
    h1{
      font-weight: 200;
      color: #8b8b8b;
    }
    .lg{
      width: 60%;
      height: 80px;
      margin: auto;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
  .van-nav-bar {
    background-color: #ff6040;

    title {
      color: #fff;
    }
  }
}
</style>